
 <table border="0" cellpadding="0" cellspacing="5" id="main" style="width:100%;">
 <tr>
 <td style="vertical-align:top;">
 
 	<table style="width:100%;" cellpadding="4" cellspacing="0">
 	<tr>
	{* START left column *}
 	<td style="vertical-align:top;"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>

		<table cellpadding="0" cellspacing="0" border="0" style="width:100%;border:1px solid #D6D6D6;padding:5px;">
		<tr><td><a href="{url link='public.signup'}" ><img src="design/images/banner.jpg" alt="banner"></a>
		</td></tr></table>

	<br/>

<table width="100%"  border="0" cellspacing="0" cellpadding="5" class="border2" style="background:#FFFFFF;">
  <tr>
    <td>
	<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td><img src="design/images/search.jpg" alt="search" ></td>
    <td><div align="center"></div></td>
    <td><form name="frm" method="post" action="{url link='public.browse.index' mode=$sMode}" >
	<div style="padding:5px;">
	<b>Search the community:</b> <a href="{url link='public.browse' mode='online'}">WHO'S ONLINE</a> | <a href="{url link='public.browse' mode='updated'}">UPDATED PROFILES</a>
	<br/><br/>
		Username:
		<input type="text" name="browse[user]" style="size:22;" value="" />
		<input name="act[browse_show]" type="submit" value="Search" />
	    <br/>
	</div>
	</form></td>
  </tr>
</table></td>
  </tr>
</table>
<br/>
{module module='Site' component='Content' dir='content' file='welcome_intro'}
		<br/>

<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#" rel="tcontent1">Featured</a></li>
<li><a href="#" rel="tcontent2">Recent Logins</a></li>
<li><a href="#" rel="tcontent3">New Members</a></li>
<li><a href="#" rel="tcontent4">Top Users</a></li>
</ul>

<div class="tabcontentstyle">

<div id="tcontent1" class="tabcontent">
{* START featured member block *}
 		<table style="width:100%;" cellspacing="3" cellpadding="4">
 		<tr>
 		<td style="font-size:7pt;vertical-align:top;" class="border2">
 
 			<table style="width:100%;" class="mainmenu5" cellspacing="0" cellpadding="4">
	 			<tr>
					<td style="font-size:8pt;"><b>MEMBER</b></td>
	 			</tr>
 			</table>
			{module module='Account' component='FeaturedMember'}
 			 			 
 		</td>
 		<td style="font-size:7pt;vertical-align:top;" class="border2">
		<table style="width:100%;" class="mainmenu5" cellspacing="0" cellpadding="4">
						<tr>
							<td style="font-size:8pt;"><b>PHOTO</b></td>
						</tr>
					</table>
		{module module='Gallery' component='FeaturedPic'}</td>
 		</tr>
 		</table>
		{* END featured member block *}
</div>

<div id="tcontent2" class="tabcontent">
{* START recent logins *}
<div style="padding:5px;" class="border2">
 			<br/>
 			<div style="text-align:center;">
            {module module='Account' component='RecentLogins' quantity=4}
            {* END recent logins *}
            <br />
			<div style="text-align:right;font-size:7pt;" class="color">[ <a href="{url link='public.browse'}">VIEW MORE</a> ]</div>
			</div></div>
</div>

<div id="tcontent3" class="tabcontent">
{module module='Account' component='NewMemIndex' }
</div>

<div id="tcontent4" class="tabcontent">
{module module='Account' component='TopUsersIndex' iNumUsers=4}
</div>

</div>
<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab")
</script>

<div style="padding:5px;" class="border2">
	{* START RECENT PICS *}
	{module module='Gallery' component='RecentImages' iNumImages=2}
    {* END RECENT PICS *}
</div>
	</td>
      </tr>
    </table></td>
	{* END left column *}
	
	{* START right column *}
	<td style="vertical-align:top;width:350px;">{* START login form *}
            {module module='Account' component='Login' url_success='public.account' url_error='public.login' url_forgotpass='public.forgotpass'}
            {* END login form *}
	<br/>
	 <div class="border2" style="padding:5px;text-align:center;">{module module='Ads' component='ShowAds' place=3}</div>
	<br/>
 		{* START random poll and new blogs *}
		<table style="width:100%;" cellpadding="0" cellspacing="0">
 		<tr>
		<td style="vertical-align:top;">
{module module='Blog' component='NewBlogs'}
 		</td>		
 		</tr>
 		</table>	
		{* END random poll and new blogs *}	</td>
 	{* END right column *}
	
	</tr>
 	</table>
 </td>
 </tr>
</table>